.mobile_index_wrap {
  box-sizing: border-box;
  width: 100vw;
  min-height: 100vh;
  background: linear-gradient(180deg, rgba(79, 132, 243, 0.4) 0%, rgba(84, 137, 247, 0) 24%);

  // min-height: 100vh;
  background-color: #f4f5f6;
  .user_box {
    padding: 16px 14px 14px;
    .user_card_box {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      padding: 12px;
      background: rgb(255 255 255 / 40%);
      backdrop-filter: blur(17px);
      border: 1px solid rgb(255 255 255 / 100%);
      border-radius: 6px;
      box-shadow: 4px 8px 30px rgb(0 0 0 / 5%);
      .left_box {
        position: relative;
        top: 10px;
        display: flex;
        flex-direction: row;
        .avatar_img {
          position: relative;
          top: 6px;
          width: 40px;
          height: 40px;
          margin-right: 12px;
        }
        .text_box {
          display: flex;
          flex-direction: column;
          position: relative;
          top: 6px;
          .user_name {
            margin-bottom: 8px;
            font-size: 18px;
            letter-spacing: 2px;
          }
          .welcome_text {
            font-size: 12px;
            letter-spacing: 1px;
          }
        }
      }
      .right_box {
        .action_box {
          display: flex;
          flex-direction: column;
          .ac_icon {
            position: relative;
            top: -1px;
            width: 12px;
            height: 12px;
          }
          .logout {
            top: 0;
            width: 13px;
            height: 13px;
            // top: 0px;
          }
        }
      }
    }
  }
  .fun_column_box {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    height: 450px;
    padding: 0 14px;
    margin-top: 40px;

    // border: 1px solid red;
    .fun_item_box {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      width: 100%;
      height: 68px;
      margin-bottom: 20px;
      color: black;
      // background: rgb(255 255 255 / 50%);
      border-radius: 6px;
      box-shadow: 0 4px 20px rgb(27 25 86 / 10%);
      transition: 0.2s;
      .left_box {
        height: 70px;
        padding-left: 20px;

        // border: 1px solid red;
        .fun_icon_img {
          position: relative;
          top: 50%;
          width: 32px;
          height: 32px;
          margin-right: 10px;
          transform: translateY(-50%);
        }
        .fun_name_box {
          display: inline-block;
          position: relative;
          // top: 10px;
          top: 43%;
          // transform: scale(2);
          transform: translateY(-50%);
          font-size: 17px;
          letter-spacing: 2px;
        }
      }
      .right_box {
        padding-right: 10px;
        .go_icon_img {
          position: relative;
          top: 50%;
          width: 26px;
          height: 26px;
          transform: translateY(-50%);
        }
      }
    }
    .fun_item_box:active {
      transform: scale(0.92);
    }
  }
}

// 修改密码
.edit_form_box {
  padding: 10px 0;
}
